@charset "utf-8";
@import "var";
@import "mixin";
@import "normalize";
@import "adpater";
/*样式处理*/

body {
    font-size: 14px;
    height: 100%;
}

*,
::before,
::after,
input[type="search"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

input {
    border: none;
    outline: none;
}

a,
div,
span,
i,
img {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999;
//  text-align: right;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
    text-align: right;
    letter-spacing: -0.41px;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
    text-align: right;
    letter-spacing: -0.41px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
    text-align: right;
    letter-spacing: -0.41px;
}

.clearfix::after,
.clearfix::before,
    {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
}

body::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
//html,
//body,
//#container {
//  height: 100%;
//}
.zs_layout {
    max-width: 750px;
    min-width: 320px;
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    font-size: 30/100rem;
    position: relative;
    #map {
        width: 100vw;
        height: 80vh;
        position: fixed;
        top: 0;
        left: 0;
        .infoContent{
            max-width: 7rem;
            min-width: 3rem;
            h4 {
                font-family: PingFangSC-Medium;
                font-size: .3rem;
                color: #333333;
                font-weight: normal;
            }
            span {
                font-size: .3rem;
                color: #616161;
                &:last-child {
                    font-size: .3rem;
                    color: #151515;
                    line-height: .42rem;
                }
            }
            .infoAddBtn{
                float: right;
                background: #4A90E2;
                color: #FFFFFF;
                padding: .05rem .1rem;
                border-radius: 10%;
            }
            .pointNumber{
                font-size: .3rem;
                height: .6rem;
                width: 3.5rem;
                border-radius: 0.1rem;
                border: 1px solid #C0C0C0;
                box-shadow: 2px 2px 1px #C0C0C0;
            }
        }
    }
    .masker {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.50);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        display: none;
    }
    .loadingMasker {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.50);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1001;
//      display: none;
        img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin-left: 50%;
            width: 120px;
        }
    }
    #alertMSG {
        display: none;
        position: fixed;
//      z-index: 9999;
        top: .2rem;
        left: 1rem;
        width: 6rem;
        border-radius: 0.1rem;
        text-align: center;
        background: #E3E3E3;
        span {
            font-family: PingFangSC-Regular;
            font-size: .5rem;
            color: #24A501;
        }
    }
    #pickerBox {
        position: fixed;
//      z-index: 9999;
        top: .2rem;
        left: 1rem;
        width: 6rem;
        z-index: 1000;
    }
    #pickerInput {
        float: left;
        font-family: PingFangSC-Regular;
        font-size: .3rem;
        height: .8rem;
        width: 6rem;
        border-radius: 0.1rem;
        border: 1px solid #C0C0C0;
        box-shadow: 2px 2px 1px #C0C0C0;
    }
    
    .addressListBtn {
        position: fixed;
        bottom: 4rem;
        left: 33%;
        padding: .05rem;
        font-size: .24rem;
        margin:0 0 0 -1rem;
        input {
            float: left;
            font-family: PingFangSC-Regular;
            font-size: .35rem;
            background: #4A90E2;
            color: #FFFFFF;
            padding: .15rem .2rem;
            border-radius: 10%;
            box-shadow: 2px 2px 1px #4A6789;
            width:2rem;
        	margin-right: .5rem;
        }
    }
    .dingwei {
        position: fixed;
        width: 1.2rem;
        height: 1.2rem;
//      left: 0;
        right: 0;
//      bottom: 0.1rem;
        bottom: 5.5rem;
//      z-index: 999;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .navBar {
        width: .8rem;
        // height: 1.66rem;
        background-color: #fff;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16);
        border-radius: 0.08rem;
        position: fixed;
        bottom: 4.1rem;
        right: .2rem;
//      z-index: 999;
        padding-right: .14rem;
        padding-left: .20rem;
        box-sizing: border-box;
        li {
            width: 100%;
            height: 50%;
            border-bottom: 1px solid #DFDFDF;
            &:last-child {
                border-bottom: none;
            }
            a {
                display: block;
                width: 100%;
                height: 100%;
                img {
                    width: .4rem;
                    height: .4rem;
                    margin-top: .18rem;
                    margin-bottom: .12rem;
                }
            }
        }
    }
    .infopanel {
//      transform: translateY(7.72rem);
        transition: all .5s;
        width: 100vw;
        height: 20vh;
//      height: 7.72rem;
        background-color: #fff;
        position: fixed;
        bottom: 20px;
        left: 0;
//      z-index: 1001;
        box-shadow: 0px -2px 6px 0 rgba(0, 0, 0, 0.2);
        .infopaneltitle {
        	display: none;
            height: 100%;
            width: 100%;
			span {
				font-size: .5rem;
				color: #333333;
                position: absolute;
	            top:50%;
	            left:50%;
	            width:100%;
	            transform:translate(-50%,-50%);
	            text-align: center;
            }
        }
        .infopanelcont {
//      	display: none;
            list-style: none;
            padding: 0;
//          height: 4.38rem;
            background: #FFFFFF;
//          box-shadow: 0 4px 12px 0 rgba(32, 109, 200, 0.20);
            border-radius: 0.08rem;
//          margin-bottom: .4rem;
            .top {
                height: 1rem;
                width: 100%;
                border-bottom: 1px solid #DFDFDF;
                padding: .3rem .5rem;
                h4 {
                    float: left;
                    font-family: PingFangSC-Medium;
                    font-size: .3rem;
                    color: #333333;
                    font-weight: normal;
                }
                span {
                    float: right;
                    font-family: PingFangSC-Regular;
                    font-size: .28rem;
                    color: #FE6036;
                }
                input {
                    float: right;
                    background: #4A90E2;
                    color: #FFFFFF;
                    padding: .05rem .1rem;
                    border-radius: 10%;
                    margin-left: .1rem;
                }
            }
            .content {
                height: 1rem;
                padding: .3rem .5rem;
                span {
                    font-size: .3rem;
                    color: #616161;
                    &:last-child {
                        font-size: .3rem;
                        color: #151515;
                        line-height: .42rem;
                    }
                }
                .content1{
                    float: left;  
                }
                .content2{
                    float: right;  
                }
            }
        }
    }
    .addressList{
        display: none;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFFFFF;
        z-index: 1000;
        .title {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 1.14rem;
            z-index: 999;
            text-align: center;
            line-height: 1.14rem;
            background-color: #fff;
            img {
                position: absolute;
                width: .4rem;
                height: .4rem;
                top: .3rem;
                left: .32rem;
            }
            h3 {
                font-family: PingFangSC-Regular;
                font-size: .36rem;
                color: #242424;
                letter-spacing: 0;
                font-weight: normal;
            }
        }
        .tabcontainer {
            .tabBar {
                position: fixed;
                top: 1.14rem;
                left: 0;
                width: 100%;
                z-index: 999;
                background-color: #fff;
                li {
                    height: .8rem;
                    line-height: 0.8rem;
                    float: left;
                    width: 50%;
                    text-align: center;
                    font-family: PingFangSC-Regular;
                    font-size: .28rem;
                    color: #333333;
                    letter-spacing: 0;
                    a {
                        color: #333333;
                        display: inline-block;
                        position: relative;
                        i {
                            position: absolute;
                            width: .14rem;
                            height: .14rem;
                            border-radius: 50%;
                            background-color: #EE1F39;
                            top: .15rem;
                            right: -.2rem;
                        }
                    }
                    .active {
                        color: #4A90E2;
                        border-bottom: 3px solid #348FE9;
                    }
                }
            }
            .swiper-container {
                padding-top: 1.8rem;
                .swiper-wrapper {
                    .swiper-slide {
                        list-style: none;
                        padding: .3rem;
                        .ulContent{
                            height: 11rem;
                        &>ul {
                            &>li {
                                list-style: none;
                                padding: 0;
                                width: 6.9rem;
//                              height: 4.38rem;
                                background: #FFFFFF;
                                box-shadow: 0 4px 12px 0 rgba(32, 109, 200, 0.20);
                                border-radius: 0.08rem;
                                margin-bottom: .4rem;
                                .top {
                                    height: 1rem;
                                    width: 100%;
                                    border-bottom: 1px solid #DFDFDF;
                                    padding: .3rem;
                                    h4 {
                                        float: left;
                                        font-family: PingFangSC-Medium;
                                        font-size: .3rem;
                                        color: #333333;
                                        font-weight: normal;
                                    }
                                    span {
                                        float: right;
                                        font-family: PingFangSC-Regular;
                                        font-size: .28rem;
                                        color: #FE6036;
                                    }
                                    input {
                                        float: right;
                                        background: #4A90E2;
                                        color: #FFFFFF;
                                        padding: .05rem .1rem;
                                        border-radius: 10%;
                                    }
                                }
                                .content {
                                    height: 1rem;
                                    padding: .3rem;
                                    span {
                                        font-size: .3rem;
                                        color: #616161;
                                        &:last-child {
                                            font-size: .3rem;
                                            color: #151515;
                                            line-height: .42rem;
                                        }
                                    }
                                    .content1{
                                        float: left;  
                                    }
                                    .content2{
                                        float: right;  
                                    }
                                }
                            }
                        }
                        }
                        .tabBottom {
                            width: 100vw;
                            text-align: center;
//                          padding-right: .6rem;
                            input {
                                background: #4A90E2;
                                color: #FFFFFF;
                                padding: .05rem .1rem;
                                border-radius: 10%;
                                margin-right: .5rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

//.amap-icon img,
//.amap-marker-content img{
//  width: 25px;
//  height: 34px;
//}
//
//.marker {
//  position: absolute;
//  top: -20px;
//  right: -118px;
//  color: #fff;
//  padding: 4px 10px;
//  box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
//  white-space: nowrap;
//  font-size: 12px;
//  font-family: "";
//  background-color: #25A5F7;
//  border-radius: 3px;
//}

.custom-content-marker {
    position: relative;
    width: 25px;
    height: 34px;
}

.custom-content-marker img {
    width: 100%;
    height: 100%;
}

.custom-content-marker .close-btn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    background: #ffffff;
    border-radius: 50%;
    color: #000000;
    text-align: center;
    line-height: 15px;
    box-shadow: -1px 1px 1px rgba(10, 10, 10, .2);
}

.custom-content-marker .close-btn:hover{
    background: #666;
}
